import { View, Image, Text } from "@tarojs/components";
import { FC } from "@tarojs/taro";
import styles from "./index.module.less";
const Category: FC = () => {
  return (
    <View className={styles["category-wrapper"]}>
      <View className={styles["category-content"]}>
        <View className={styles["category-item"]}>
          <Image
            className={styles["img"]}
            mode="widthFix"
            src={require("../../../../assets/img/menu1.png")}
          ></Image>
          <Text className={styles["text"]}>红娘约见</Text>
        </View>
        <View className={styles["category-item"]}>
          <Image
            className={styles["img"]}
            mode="widthFix"
            src={require("../../../../assets/img/menu2.png")}
          ></Image>
          <Text className={styles["text"]}>线下活动</Text>
        </View>
        <View className={styles["category-item"]}>
          <Image
            className={styles["img"]}
            mode="widthFix"
            src={require("../../../../assets/img/menu3.png")}
          ></Image>
          <Text className={styles["text"]}>美食玩乐</Text>
        </View>
      </View>
    </View>
  );
};

export default Category;
